Flaticon Webfont

Webfont Instructions

1. Copy the "Fonts" files and CSS files to your website CSS folder.
2. Add the CSS link to your website source code on header. <head> ... <link rel="stylesheet" type="text/css" href="your_website_domain/css_root/flaticon.css"> ... </head>
3. Use the icon class on "display: inline" elements:
Use example: <i class="flaticon-airplane49"></i> or <span class="flaticon-airplane49"></span>

.flaticon-down-arrow

Author: Catalin Fertu

.flaticon-angle-arrow-down

Author: Dave Gandy

.flaticon-dollar

Author: dmitri13

.flaticon-dollar-symbol

Author: Dave Gandy

.flaticon-lock

Author: Pixel perfect

.flaticon-secured-lock

Author: Freepik

.flaticon-maps-and-flags

Author: Freepik

.flaticon-location

Author: Freepik

.flaticon-location-1

Author: Freepik

.flaticon-bag

Author: Icongeek26

.flaticon-add

Author: Good Ware

.flaticon-left-arrow

Author: Freepik

.flaticon-right-arrow

Author: Freepik

.flaticon-play

Author: Roundicons

.flaticon-play-button

Author: Freepik

.flaticon-brain

Author: Freepik

.flaticon-brain-1

Author: DinosoftLabs

.flaticon-quote

Author: Google

.flaticon-close

Author: Freepik

.flaticon-right-quote

Author: Elias Bikbulatov

.flaticon-tick

Author: Freepik

.flaticon-checked

Author: Those Icons

.flaticon-checked-1

Author: Those Icons

.flaticon-cancel

Author: Freepik

.flaticon-close-1

Author: Pixel perfect

.flaticon-cancel-1

Author: Freepik

.flaticon-cancel-2

Author: hirschwolf

.flaticon-play-button-1

Author: Smashicons

License and attribution:

Font generated by flaticon.com.

Under CC: Catalin Fertu, Dave Gandy, dmitri13, Pixel perfect, Freepik, Icongeek26, Good Ware, Roundicons, DinosoftLabs, Google, Elias Bikbulatov, Those Icons, hirschwolf, Smashicons

Copy the Attribution License:

Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="down-arrow" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a>, <a data-file="dollar-symbol" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="dollar" href="https://www.flaticon.com/authors/dmitri13">dmitri13</a>, <a data-file="close-1" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="cancel-1" href="http://www.freepik.com">Freepik</a>, <a data-file="bag" href="https://www.flaticon.com/authors/icongeek26">Icongeek26</a>, <a data-file="add" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="play" href="https://www.flaticon.com/authors/roundicons">Roundicons</a>, <a data-file="brain-1" href="https://www.flaticon.com/authors/dinosoftlabs">DinosoftLabs</a>, <a data-file="quote" href="https://www.flaticon.com/authors/google">Google</a>, <a data-file="right-quote" href="https://www.flaticon.com/authors/elias-bikbulatov">Elias Bikbulatov</a>, <a data-file="checked-1" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="cancel-2" href="https://www.flaticon.com/authors/hirschwolf">hirschwolf</a>, <a data-file="play-button-1" href="https://www.flaticon.com/authors/smashicons">Smashicons</a></p>

Examples:

<i class="flaticon-down-arrow"></i>

<i class="flaticon-angle-arrow-down"></i>

<i class="flaticon-dollar"></i>

<i class="flaticon-dollar-symbol"></i>

<i class="flaticon-lock"></i>

<i class="flaticon-secured-lock"></i>

<i class="flaticon-maps-and-flags"></i>

<i class="flaticon-location"></i>

<i class="flaticon-location-1"></i>

<i class="flaticon-bag"></i>

<i class="flaticon-add"></i>

<i class="flaticon-left-arrow"></i>